<!--<script setup>
// import LcD from "./components/LcD.vue";
// import PC from "./components/PC.vue";
// import SC from "./components/SC.vue";
// import SNC from "./components/SNC.vue";
// import Demo from "./components/Demo.vue";
// import BiaoDan from "./components/BiaoDan.vue";
// export default {
//    components: {
//      LcD,
//      PC,
//      SC,
//      SNC,
//      Demo,
//      BiaoDan
//    }
// }
 </script> -->

<template>
  <!-- <HelloWorld />
  <Bc />
  <GcD />
  <LcD />
  <PC />
  <SC> <p>big pig</p></SC>
  <SNC>
    <template v-slot:h>god</template>
<template #f>dog</template>
</SNC>
<Demo></Demo> -->
  <!-- <BiaoDan></BiaoDan> -->

  <ul>
    <li>
      <router-link to="/home">home</router-link>
    </li>
    <li>
      <router-link to="/about">about</router-link>
    </li>
    <li>
      <router-link to="/vuex">vuex</router-link>
    </li>
    <li>
      <router-link to="/et">eleme</router-link>
    </li>
    <li>
      <router-link to="/listD">listD</router-link>
    </li>
    <li>
      <router-link to="/Select">Select</router-link>
    </li>
    <li>
      <router-link to="/Register">Register</router-link>
    </li>
    <li>
      <router-link to="/Dialog">Dialog</router-link>
    </li>
    <li>
      <router-link to="/Message">Message</router-link>
    </li>
    <li>
      <router-link to="/MessageBox">MessageBox</router-link>
    </li>
    <li>
      <router-link to="/AccountList">AccountList</router-link>
    </li>
  </ul>

  <div>
    <router-view></router-view>
  </div>

</template>
